@media screen and (max-width:768px) {
    .myAside{
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 10;
        transition: all .3s ease;
    }
    .trans0{
        transform: translateX(-100%);
    }
    .close{
        position: absolute;
        z-index: 10;
        top: 15px;
        right: 15px;
        color: #fff;
        font-size: 40px;
    }
    .sliderBg{
        position: absolute;
        inset: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.45);
        pointer-events: auto;
    }
    .ant-layout-sider{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        height: 100vh;
    }
    #logo {
        width: 100%;
        height: 64px;
        line-height: 64px;
        color: #fff;
        text-align: center
    }
}



// :deep(.mySider) {
//     width: 2.5rem !important;
//     min-width: 2.5rem !important;
//     max-width: 2.5rem !important;
// }